$("ul li a").on 'click', (e)->
  $p = $(this).parent()
  if !$p.find('.ink').length
    $p.append("<div class='ink'></div>")
  $ink = $p.find('.ink')
  $ink.removeClass("animate");
  if !$ink.height() && !$ink.width()
    d = Math.max($p.outerWidth(), $p.outerHeight())
    $ink.css(height:d, width:d)

  x= e.pageX - $p.offset().left - $ink.width()/2
  y= e.pageY - $p.offset().top - $ink.height()/2
  $ink.css(top:y+'px',left:x+'px').addClass("animate")